<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- includes(),startsWith(),endsWith()
传统上，JavaScript只有indexOf方法，可以用来确定一个字符串是否包含在另一个字符串中。ES6又提供了三种新方法。
1. includes():返回布尔值，表示是否找到了参数字符串
2. startsWith():返回布尔值，表示参数字符串是否在原字符串的头部
3. endsWith():返回布尔值，表示参数字符串是否在原字符串的尾部 -->

<!-- lets='Hello world！';
s.startswith('Hello')/true
s.endswith('!)//true
s.includes('o')//true -->

<!-- 这三个方法都支持第二个参数，表示开始搜索的位置 -->
<!-- lets='Hello world！';
s.startswith('world',6)//true
s.endswith('Hello',5)//true
s.includes('Hello',6)//false -->

<script>

    var allStr = "helloworld";
    var str = "llo";
    var str1 = "lle";
    var str2 = "hello";
    var str3 = "world";


    console.log(allStr.includes(str));//true
    console.log(allStr.includes(str1));//false
    console.log(allStr.startsWith(str));//判断字符串是否在原字符串的开头，不在则返回false
    console.log(allStr.startsWith(str2));//判断字符串是否在原字符串的开头，在则返回true
    console.log(allStr.endsWith(str));//判断字符串是否在原字符串的尾部，不在则返回false
    console.log(allStr.endsWith(str3));//判断字符串是否在原字符串的尾部，在则返回true

    // repeat()
    // repeat方法返回一个新字符串，表示将原字符串重复n次。
/*    'x'.repeat(3)//"xxx"
    'hello'.repeat(2)//"hellohello"
    'na'.repeat(0)//""  空字符串
*/
    var x = "x";
    console.log(x.repeat(3));
    

    // padStart(),padEnd()
    // ES2017引入了字符串补全长度的功能。如果某个字符串不够指定长度，会在头部或尾部补全。
    // padStart()用于头部补全，padEnd()用于尾部补全。
    /*
    'x'.padstart(5,'ab')//'ababx
    'x'.padstart(4,'ab')//'abax'
    'x'.padEnd(5,'ab')//'xabab'
    'x'.padEnd(4,'ab')//'xaba'
    */
   var h = "hello";
   console.log(h.padStart(10,"ab"));
   console.log(h.padEnd(10,"ab"));

// trimStart(),trimEnd()
// ES2019对字符串实例新增了trimStart()和trimEnd()这两个方法。它们的行为与trim()一致，trimStart()消除字符串
// 头部的空格，trimEnd()消除尾部的空格。它们返回的都是新字符串，不会修改原始字符串。
/*
const s ="    itbaizhan    "
s.trim()//"itbaizhan"
s.trimStart()//"itbaizhan    "
s.trimEnd()//"    itbaizhan"
*/
    var it = "    itbaizhan    ";
    console.log(it.trim());
    console.log(it.trimStart());
    console.log(it.trimEnd());
    
// at()
// at()方法接受一个整数作为参数，返回参数指定位置的字符，支持负索引（即倒数的位置）
/*
const str 'hello';
str.at(1)//"e"
str.at(-1)//"o"
*/

var myIt = "itbaizhan";
console.log(myIt.at(3));
console.log(myIt.at(-3));


   
   
   
    
</script>
</body>
</html>